<script>
   /*
             四、页面适配

                      1、页面信息设置

                              页面信息包括  title、keywords、decription 等内容，未设置这些信息会影响爬虫抓取和算法理解效果。

                              通过 tt.setPageInfo 设置页面 Web 化后的页面信息，入参为：


                                属性名           类型         默认值            必填      说明                                                         最低支持版本

                              ①、title         string                           是      页面文章标题，根据页面的主要内容设置，且需要每个页面尽量唯一，     3.22。0
                                                                                        需要根据页面接口返回值进行设置。长度限制70字符。

                              ②、keywords      steing                           是      页面文章关键词，多个关键词之间使用英文逗号","隔开，               3.22.0

                              ③、description   steing                           是      页面文章摘要、描述信息。长度70字符。                             3.22.0

                              ④、success       function                         否      接口调用成功的回到函数。                                         3.22.0

                              ⑤、fail          function                         否      接口调用失败的回调函数。                                         3.22.0

                              ⑥、complete      function                         否      接口调用结束的回调函数。(调用成功、失败都会执行)                   3.22.0



                              ★、代码示例

                                        
                                            Page({
                                              onLoad() {
                                                const data = fetchData();
                                                tt.setPageInfo &&
                                                  tt.setPageInfo({
                                                    title: data.title,
                                                    keywords: data.keywords,
                                                    description: data.description,
                                                  });
                                              },
                                              fetchData() {
                                                // 具体的页面信息请求接口 tt.request();
                                                return {
                                                  title: "小程序web化接入",
                                                  description:
                                                    "Web化是平台通过技术手段帮助抖音小程序自动转化得到的一个 H5 版本的小程序，其功能与展示形式与小程序一致。在对小程序进行Web化后，小程序的页面就可以被搜索爬虫抓取，从而可以以自然结果的样式在搜索结果中展现。这个H5版本的小程序不会被普通用户直接访问到，仅用于被搜索的爬虫抓取内容。用户在C端访问时，点击搜索卡片后打开的仍然是小程序。",
                                                  keywords: "web化,搜索,小程序",
                                                };
                                              },
                                            });


                    2、页面调试

                              需进行IDE调试，以保证页面在Web化后渲染正常。

                              由于Web化后的页面时供爬虫抓取，Web化环境的特殊性导致其不支持"部分小程序能力"。

                              完成页面适配后，可以在IDE进行预览调试，本地验收效果。


                              抖音开发者工具提供测试版本支持 "Web化预览及配置检测"（https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/developer-instrument/debug/web-debug）


                              下载地址：

                                  https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/ide/package/obj/developer/ide/11826693/win32/抖音开发者工具-4.2.4-web.1.exe

                                  https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/ide/package/obj/developer/ide/11826693/darwin/抖音开发者工具-4.2.4-web.1-x64.dmg

                                  https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/ide/package/obj/developer/ide/11826693/darwin-arm64/抖音开发者工具-4.2.4-web.1-arm64.dmg


                              ★、使用示例

                                       <1>、如何使用开发者工具调试web化

                                                https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1716275022425 

                                       <2>、页面渲染正常且正确设置页面信息，Web化检测全部通过，图示：

                                                https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1716274981401

                                       <3>、页面渲染异常，Web化检测未通过，提示白屏：

                                                https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1716274981158

                                       <4>、未正确设置页面信息，Web化检测未通过：

                                                https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1716274981474

                                       <5>、若小程序使用不支持的能力，但不阻塞页面渲染，Web化检测通过并打印不支持能力调用次数：

                                                https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1716274981268

                      
                    3、页面发布

                                在IDE万册会给你Web化页面适配后，需要把适配后的代码更新到线上，进行小程序正式版发布。


                                下一章节将介绍页面适配完成后，如何提交页面收录。
        */
</script>